/* Make clicks pass-through */
#nprogress {
  @apply pointer-events-none;
}

#nprogress .bar {
  @apply z-1031 h-2px fixed left-0 top-0 w-full bg-[var(--primary-color)];
}

/* Fancy blur effect */
#nprogress .peg {
  @apply w-100px absolute right-0 block h-full opacity-100;

  box-shadow:
    0 0 10px #29d,
    0 0 5px #29d;
  transform: rotate(3deg) translate(0, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  @apply top-15px right-15px z-1031 fixed block;
}

#nprogress .spinner-icon {
  @apply border-box wh-18px border-2px rounded-full border-solid border-transparent border-l-[var(--primary-color)] border-t-[var(--primary-color)];

  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  @apply relative overflow-hidden;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  @apply absolute;
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
